<nav class="breadcrumb" id="pathContainer">
    <i class="Hui-iconfont Hui-iconfont-weizhi"></i>
    <span>您的位置：</span>
    <span>扶贫主体管理</span>
    <span class="c-999 en">&gt;</span>
    <span class="c-primary">驻村人员管理</span>
</nav>
<div class="Hui-article" id="mainList">
    <!-- search module start -->
    <div class="row cl searchBox">
        <form class="form form-horizontal responsive" id="searchForm" novalidate="novalidate">
            <div class="clearfix">
                <div class="conditionBox col-sm-2">
                    <label for="">所在省:</label>
                    <div class="formControls">
                        <select class="select-box select radius" size="1" id="province" name="province" value="">
                            <!-- <option value="">请选择</option> -->
                            <option value="河北省" readOnly>河北省</option>
                        </select>
                    </div>
                </div>   
                <div class="conditionBox col-sm-2">
                    <label for="">所在市:</label>
                    <div class="formControls">
                        <select class="select-box select radius" size="1" id="city" name="city" value="">
                            <!-- <option value="">请选择</option> -->
                            <option value="邯郸市" readOnly>邯郸市</option>
                        </select>
                    </div>
                </div>  
                <div class="conditionBox col-sm-2">
                    <label for="">所在县:</label>
                    <div class="formControls">
                        <select class="select-box select radius" size="1" id="cty" name="cty" value="">
                            <!-- <option value="">请选择</option> -->
                            <option value="魏县" readOnly name="cty">魏县</option>
                        </select>
                    </div>
                </div>  
                <div class="conditionBox col-sm-2">
                    <label for="">所在乡:</label>
                    <div class="formControls">
                        <select class="select-box select radius" size="1" name="cry" id="cry" value="">
                            <option value="">请选择</option>
                        </select>
                    </div>
                    <input type="hidden" name="cry" id="h-cry" value="">
                </div>  
                <div class="conditionBox col-sm-2">
                    <label for="">所在村:</label>
                    <div class="formControls">
                        <select class="select-box select radius" size="1" name="name" value="" id="name">
                            <option value="">请选择</option>
                        </select>
                    </div>
                </div>   
            </div>
            <div class="clearfix ">
                <input type="button" class="btn btn-primary queryBtn btn-secondary float-left mr-4" value="查 询"/>
            </div>    
        </form>
    </div>
    <!-- search module end -->
    <div class="table-scroll">
        <table class="table table-border table-bordered">
            <thead class="text-c row cl table-bgcolor-gary" id="thead">
                <tr>
                    <th>序号</th>
                    <th>帮扶单位名称</th>
                    <th>帮扶行政村名称</th>
                    <th>姓名</th>
                    <th>开始时间</th>
                    <th>结束时间</th>
                    <th>技术特长</th>
                    <th>职务</th>
                    <th>性别</th>
                    <th>政治面貌</th>
                    <th>学历</th>
                    <th>证件号码</th>
                    <th>联系电话</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody class="text-c row cl" id="tbody"></tbody>
        </table>
    </div>
    <div class="page pt-10 clearfix">
        <div class="f-l" style="white-space: nowrap;" id="pageContainer"></div>
        <div class="f-r" id="pageBtn">
            <input type="button" value="首页" class="page-btn" id="firstPage">
            <input type="button" value="上一页" class="page-btn" id="prevPage">
            <input type="button" value="下一页" class="page-btn" id="nextPage">
            <input type="button" value="尾页" class="page-btn" id="lastPage">
        </div>
    </div>
    
</div>
<!-- 页面模板 start -->
<script id="List" type="text/x-handlebars-template">
\{{#each resultList}}
<tr>
    <td>\{{Math @index '+' '1'}}</td>
    <td>\{{helpPerson.unit_name}}</td>
    <td>\{{team.village.name}}</td>
    <td>\{{helpPerson.name}}</td>
    <td>\{{startDate}}</td>
    <td>\{{endDate}}</td>
    <td>\{{helpPerson.technical}}</td>
    <td>\{{helpPerson.job_level}}</td>
    <td>\{{helpPerson.sex}}</td>
    <td>\{{helpPerson.face}}</td>
    <td>\{{helpPerson.education}}</td>
    <td>\{{helpPerson.id_number}}</td>
    <td>\{{helpPerson.telephone_number}}</td>
    <td width="100" id="\{{id}}">
        <button type="button" class="btn btn-primary size-S del_btn">删除</button>
    </td>
</tr>
\{{/each}}
</script>
<!-- 页面模板 end -->
<!-- 分页 start -->
<script id="page" type="text/x-handlebars-template">
    <span>共有\{{rowCount}}条记录，</span>
    <label for="">每页行数：</label>
    <span class="select-box page-span">
        <select class="select page-select" size="1" name="demo1" id="pageSize">
            <option value="10" selected>10</option>
            <option value="20">20</option>
            <option value="50">50</option>
            <option value="100">100</option>
            <option value="200">200</option>
            <option value="300">300</option>
        </select>
    </span>
    <label for="">当前第</label>
    <span class="select-box page-span">
        <select class="select page-select" size="1" name="demo1" id="pageCount">
            \{{#each pageCount}}
            <option value="\{{pageCount}}">\{{pageCount}}</option>
            \{{/each}}
        </select>
    </span>
    <span>页</span>
</script>
<!-- 分页 end -->

<script>
    new villagePersonMng();
</script>